/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="eastbusmap">
    <div :class="Data.id <= 4 ? '' : 'hide'">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 91 24"
        style="enable-background:new 0 0 91 24;"
        xml:space="preserve"
        :width="IconLengh"
        :height="IconWdith"
      >
        <g id="东-公交车相位">
          <g id="有轨电车-东" v-if="Data.controltype === 5">
            <path
              class="cls-1"
              d="M87,24H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0H87a4,4,0,0,1,4,4V20A4,4,0,0,1,87,24Z"
            ></path>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="2.4" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,2.9H76.9V2.4h5.7ZM75,2.9H69.3V2.4H75Zm-7.6,0H61.7V2.4h5.7Zm-7.6,0H54.1V2.4h5.7Zm-7.6,0H46.5V2.4h5.7Zm-7.7,0H38.8V2.4h5.7Zm-7.6,0H31.2V2.4h5.7Zm-7.6,0H23.6V2.4h5.7Zm-7.6,0H16V2.4h5.7Zm-7.6,0H8.4V2.4h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="2.4" width="3" height="0.5"></rect>
            </g>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="21.2" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,21.7H76.9v-.5h5.7Zm-7.6,0H69.3v-.5H75Zm-7.6,0H61.7v-.5h5.7Zm-7.6,0H54.1v-.5h5.7Zm-7.6,0H46.5v-.5h5.7Zm-7.7,0H38.8v-.5h5.7Zm-7.6,0H31.2v-.5h5.7Zm-7.6,0H23.6v-.5h5.7Zm-7.6,0H16v-.5h5.7Zm-7.6,0H8.4v-.5h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="21.2" width="3" height="0.5"></rect>
            </g>
            <path
              class="cls-3"
              d="M50.5,16.2H73.6a.47.47,0,0,0,.5-.5v-6a.47.47,0,0,0-.5-.5H57.1l-.8-.5,2-.8c.1,0,.1-.2.1-.3s-.2-.1-.3-.1l-2.4.9c-.1,0-.1.1-.1.2s0,.1.1.2l.6.4H53.8A4.87,4.87,0,0,0,49,14h0C49.1,14.7,49.7,16.2,50.5,16.2Zm21-4.9a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H71.9a.43.43,0,0,1-.4-.4Zm-2.3,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H69.6a.43.43,0,0,1-.4-.4Zm-2.6,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H67a.43.43,0,0,1-.4-.4Zm-2.3,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H64.7a.43.43,0,0,1-.4-.4Zm-2.4,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H62.3a.43.43,0,0,1-.4-.4Zm-2.5,0a.43.43,0,0,1,.4-.4H61a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H59.8a.43.43,0,0,1-.4-.4Zm-2.4,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H57.4A.43.43,0,0,1,57,13Zm-2.3,0a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4V13a.43.43,0,0,1-.4.4H55a.43.43,0,0,1-.4-.4V11.3Zm-3.5,1.4A1.79,1.79,0,0,1,53,10.9a.65.65,0,0,1,.6.6v3.3a.65.65,0,0,1-.6.6H51.8a.65.65,0,0,1-.6-.6Z"
            ></path>
            <path class="cls-3" d="M74.7,16.9H48.4a.4.4,0,1,0,0,.8H74.7a.4.4,0,0,0,0-.8Z"></path>
          </g>
          <g id="公交车-东" v-if="Data.controltype === 3">
            <path
              class="cls-1"
              d="M87,24H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0H87a4,4,0,0,1,4,4V20A4,4,0,0,1,87,24Z"
            ></path>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="2.3" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,2.8H76.9V2.3h5.7ZM75,2.8H69.3V2.3H75Zm-7.6,0H61.7V2.3h5.7Zm-7.6,0H54.1V2.3h5.7Zm-7.6,0H46.5V2.3h5.7Zm-7.7,0H38.8V2.3h5.7Zm-7.6,0H31.2V2.3h5.7Zm-7.6,0H23.6V2.3h5.7Zm-7.6,0H16V2.3h5.7Zm-7.6,0H8.4V2.3h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="2.3" width="3" height="0.5"></rect>
            </g>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="21.1" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,21.6H76.9v-.5h5.7Zm-7.6,0H69.3v-.5H75Zm-7.6,0H61.7v-.5h5.7Zm-7.6,0H54.1v-.5h5.7Zm-7.6,0H46.5v-.5h5.7Zm-7.7,0H38.8v-.5h5.7Zm-7.6,0H31.2v-.5h5.7Zm-7.6,0H23.6v-.5h5.7Zm-7.6,0H16v-.5h5.7Zm-7.6,0H8.4v-.5h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="21.1" width="3" height="0.5"></rect>
            </g>
            <path
              class="cls-3"
              d="M54.1,14.2a1.4,1.4,0,1,0,1.4,1.4A1.51,1.51,0,0,0,54.1,14.2Zm0,2.4a1,1,0,1,1,0-2,.94.94,0,0,1,1,1A1.08,1.08,0,0,1,54.1,16.6Z"
            ></path>
            <path
              class="cls-3"
              d="M67.7,14.2a1.4,1.4,0,1,0,1.4,1.4A1.59,1.59,0,0,0,67.7,14.2Zm0,2.4a1,1,0,1,1,1-1A1.17,1.17,0,0,1,67.7,16.6Z"
            ></path>
            <path
              class="cls-3"
              d="M72.2,8.2h-22a1.37,1.37,0,0,0-1.4,1.4V12l-.6.3v2.8a.47.47,0,0,0,.5.5h3.6a1.88,1.88,0,0,1,1.9-1.8,2,2,0,0,1,1.9,1.8H66a1.88,1.88,0,0,1,1.9-1.8,2,2,0,0,1,1.9,1.8H71c1.2-.3,3.2-.8,4.1-1V10.9A3,3,0,0,0,72.2,8.2ZM51.6,14.3a.47.47,0,0,1-.5.5h-.8a.47.47,0,0,1-.5-.5V9.8a.47.47,0,0,1,.5-.5H51a.47.47,0,0,1,.5.5v4.5Zm5.6-3a.43.43,0,0,1-.4.4H52.9a.43.43,0,0,1-.4-.4V9.6a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.3,0a.43.43,0,0,1-.4.4H58.2a.43.43,0,0,1-.4-.4V9.6a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.4,0a.43.43,0,0,1-.4.4H63.6a.43.43,0,0,1-.4-.4V9.6a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.3,0a.43.43,0,0,1-.4.4H68.9a.43.43,0,0,1-.4-.4V9.6a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Z"
            ></path>
          </g>
          <g id="BRT-东" v-if="Data.controltype === 4">
            <path
              class="cls-1"
              d="M87,24H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0H87a4,4,0,0,1,4,4V20A4,4,0,0,1,87,24Z"
            ></path>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="2.4" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,2.9H76.9V2.4h5.7ZM75,2.9H69.3V2.4H75Zm-7.6,0H61.7V2.4h5.7Zm-7.6,0H54.1V2.4h5.7Zm-7.6,0H46.5V2.4h5.7Zm-7.7,0H38.8V2.4h5.7Zm-7.6,0H31.2V2.4h5.7Zm-7.6,0H23.6V2.4h5.7Zm-7.6,0H16V2.4h5.7Zm-7.6,0H8.4V2.4h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="2.4" width="3" height="0.5"></rect>
            </g>
            <g class="cls-2">
              <rect class="cls-3" x="3.5" y="21.2" width="3" height="0.5"></rect>
              <path
                class="cls-3"
                d="M82.6,21.7H76.9v-.5h5.7Zm-7.6,0H69.3v-.5H75Zm-7.6,0H61.7v-.5h5.7Zm-7.6,0H54.1v-.5h5.7Zm-7.6,0H46.5v-.5h5.7Zm-7.7,0H38.8v-.5h5.7Zm-7.6,0H31.2v-.5h5.7Zm-7.6,0H23.6v-.5h5.7Zm-7.6,0H16v-.5h5.7Zm-7.6,0H8.4v-.5h5.7Z"
              ></path>
              <rect class="cls-3" x="84.5" y="21.2" width="3" height="0.5"></rect>
            </g>
            <path
              class="cls-3"
              d="M54.1,14.3a1.4,1.4,0,1,0,1.4,1.4A1.43,1.43,0,0,0,54.1,14.3Zm0,2.4a1,1,0,0,1,0-2,.94.94,0,0,1,1,1A1.08,1.08,0,0,1,54.1,16.7Z"
            ></path>
            <path
              class="cls-3"
              d="M67.7,14.3a1.4,1.4,0,1,0,1.4,1.4A1.5,1.5,0,0,0,67.7,14.3Zm0,2.4a1,1,0,1,1,1-1A1.17,1.17,0,0,1,67.7,16.7Z"
            ></path>
            <path
              class="cls-3"
              d="M72.2,8.3h-22a1.37,1.37,0,0,0-1.4,1.4v2.4l-.6.3v2.8a.47.47,0,0,0,.5.5h3.6a1.88,1.88,0,0,1,1.9-1.8,2,2,0,0,1,1.9,1.8H66a1.88,1.88,0,0,1,1.9-1.8,2,2,0,0,1,1.9,1.8H71c1.2-.3,3.2-.8,4.1-1V10.9A3,3,0,0,0,72.2,8.3ZM51.6,14.4a.47.47,0,0,1-.5.5h-.8a.47.47,0,0,1-.5-.5V9.9a.47.47,0,0,1,.5-.5H51a.47.47,0,0,1,.5.5v4.5Zm5.6-3a.43.43,0,0,1-.4.4H52.9a.43.43,0,0,1-.4-.4V9.7a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.3,0a.43.43,0,0,1-.4.4H58.2a.43.43,0,0,1-.4-.4V9.7a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.4,0a.43.43,0,0,1-.4.4H63.6a.43.43,0,0,1-.4-.4V9.7a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Zm5.3,0a.43.43,0,0,1-.4.4H68.9a.43.43,0,0,1-.4-.4V9.7a.43.43,0,0,1,.4-.4h3.9a.43.43,0,0,1,.4.4Z"
            ></path>
            <path
              class="cls-3"
              d="M78.5,6.7h4.3V8.3a2,2,0,0,1-.1.8,1,1,0,0,1-.4.5,1.42,1.42,0,0,1-.6.2.75.75,0,0,1-.5-.1,2.18,2.18,0,0,1-.4-.5.92.92,0,0,1-.4.6,1.45,1.45,0,0,1-.7.2,1.27,1.27,0,0,1-.6-.1,1.38,1.38,0,0,1-.4-.3.76.76,0,0,1-.2-.5c0-.2-.1-.4-.1-.7V6.7Zm.5.6V8.8c0,.1.1.2.1.3a.22.22,0,0,0,.2.2c.1.1.2.1.4.1s.3,0,.4-.1l.3-.3c0-.1.1-.4.1-.6v-1H79Zm2,0V8.7c0,.1.1.3.2.3s.2.1.4.1A.6.6,0,0,0,82,9c.1-.1.2-.2.2-.3a3.55,3.55,0,0,0,.1-.7V7.1H81Z"
            ></path>
            <path
              class="cls-3"
              d="M78.5,10.8h4.3v1.9a2.22,2.22,0,0,1-.1.9,1,1,0,0,1-.4.5,1.42,1.42,0,0,1-.6.2,1.14,1.14,0,0,1-.8-.3,1.88,1.88,0,0,1-.4-.9c-.1.2-.1.3-.2.3a3.17,3.17,0,0,1-.6.5l-1.2.7v-.7l.9-.6a5.92,5.92,0,0,0,.6-.4l.3-.3a.37.37,0,0,0,.1-.3v-1H78.5Zm2.4.5v1.2c0,.3,0,.5.1.6s.1.3.3.3.2.1.4.1a.76.76,0,0,0,.5-.2,1.17,1.17,0,0,0,.2-.7V11.2H80.9Z"
            ></path>
            <path class="cls-3" d="M78.5,16.1h3.8V14.7h.5v3.4h-.5V16.7H78.5Z"></path>
          </g>
        </g>
      </svg>
    </div>
  </div>
</template>
<script>
export default {
  name: 'eastBusSvg',
  props: {
    IconLengh: {
      // 相位图标长度
      type: String,
      default: '91px'
    },
    IconWdith: {
      // 相位图标宽度
      type: String,
      default: '24px'
    },
    Data: {
      type: Object
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.invisible {
  visibility: hidden;
}
.hide {
  display: none;
}
.cls-1{fill:#5f5f5f;opacity:0.8;isolation:isolate;}.cls-2{opacity:0.3;}.cls-3{fill:#fff;}
</style>
